<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1, user-scalable=no">

    <link rel="icon" href="img/logo.png">
    <link rel="stylesheet" href="css/swiper-4.2.2.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="less/style.css">

    <script src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/swiper-4.2.2.min.js"></script>

    <title>首页</title>
    <style>
        * {
            moz-user-select: -moz-none;
            -moz-user-select: none;
            -o-user-select: none;
            -khtml-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

    </style>
</head>
<body>
<div class="index container-fluid ">
    <!--PC的header-->
    <div class="header row hidden-xs">
        <div class=" col-lg-4 col-md-4 col-sm-4  ">
            <div class="col-lg-4 col-md-4 col-sm-1 "></div>
            <img src="img/logo2.png" alt=""></div>
        <ul class=" bigstyle row  col-lg-7  col-md-7 col-sm-8  hidden-xs">
            <li ><a href="javascript:void(0)">首页</a></li>

            <li><a href="javascript:void(0)">产品中心</a>
                <ul>
                    <li><a href="html/listwarp.html">餐宴网用户端餐宴网用户端</a></li>
                    <li><a href="html/listwarp.html">餐宴网商家端</a></li>
                    <li><a href="html/listwarp.html">餐宴网代理端</a></li>
                    <li><a href="html/listwarp.html">餐宴网配送端</a></li>

                </ul>
            </li>
            <li><a href="javascript:void(0)">新闻中心</a>
                <ul>
                    <li><a href="html/listwarp.html">公司新闻</a></li>
                    <li><a href="html/listwarp.html">媒体报道</a></li>
                </ul>
            </li>
            <li><a href="javascript:void(0)">关于我们</a>
                <ul>
                    <li><a href="html/listwarp.html">企业简介</a></li>
                    <li><a href="html/listwarp.html">公司历程</a></li>
                    <li><a href="html/listwarp.html">公司文化</a></li>


                </ul>
            </li>
            <li><a href="javascript:void(0)">联系我们</a>
                <ul>
                    <li><a href="html/listwarp.html">办公地址</a></li>
                    <li><a href="html/listwarp.html">联系方式</a></li>
                </ul>
            </li>
            <span class="clearfloat"></span>
        </ul>
    </div>
    <!--手机版的header-->
    <div class="header-small row visible-xs">
        <div class=" col-lg-5 col-md-5 col-sm-3  col-xs-12" style="height: 100%">
            <div class=" col-xs-4 "
                 style="">
                <a id="btn-menu" class=" glyphicon glyphicon-list" aria-hidden="true"></a>
            </div>
            <img src="img/logo2.png" alt=""></div>

        <div class=" one col-xs-12 ">
            <dl class="frist-page"><a href="javascript:void(0)">首页 <span class="right-img"></span></a>
                <span></span>
            </dl>

            <dl><a href="javascript:void(0)">产品中心 <span class="right-img"></span> </a>

                <dt><a href="html/listwarp.html">餐宴网用户端餐宴网用户端</a></dt>
                <dt><a href="html/listwarp.html">餐宴网商家端</a></dt>
                <dt><a href="html/listwarp.html">餐宴网代理端</a></dt>
                <dt><a href="html/listwarp.html">餐宴网配送端</a></dt>
                <span></span>
            </dl>
            <dl><a href="javascript:void(0)">新闻中心 <span class="right-img"></span></a>

                <dt><a href="html/listwarp.html">公司新闻</a></dt>
                <dt><a href="html/listwarp.html">媒体报道</a></dt>
                <span></span>
            </dl>
            <dl><a href="javascript:void(0)">关于我们 <span class="right-img"></span></a>

                <dt><a href="html/listwarp.html">企业简介</a></dt>
                <dt><a href="html/listwarp.html">公司历程</a></dt>
                <dt><a href="html/listwarp.html">公司文化</a></dt>
                <span></span>
            </dl>
            <dl><a href="javascript:void(0)">联系我们 <span class="right-img"></span></a>
                <dt><a href="html/listwarp.html">办公地址</a></dt>
                <dt><a href="html/listwarp.html">联系方式</a></dt>
                <span></span>
            </dl>
        </div>

    </div>
    <!--PC版head-->
    <div class="head col-lg-12 col-md-12 col-sm-12 hidden-xs">

        <div class="fenge col-lg-8 col-md-8 col-sm-8 col-lg-offset-2 col-md-offset-2 col-sm-offset-2">
            <div class="fen fen-l"></div>
            <div>专为宴请而生</div>
            <div class="fen fen-r"></div>
            <span class="clearfloat"></span>
        </div>
        <div class="head-center col-lg-6 col-md-8 col-sm-8 col-lg-offset-3 col-md-offset-2 col-sm-offset-2">
            <div class="font">

                <div class="font-top">
                    开通省份
                </div>
                <div class="font-bottom">
                    <span>10</span>个
                </div>
            </div>
            <div class="font">
                <div class="font-top">
                    开通城市
                </div>
                <div class="font-bottom">
                    <span>10</span>个
                </div>
            </div>
            <div class="font">

                <div class="font-top">
                    开通省份
                </div>
                <div class="font-bottom">
                    <span>10</span>个
                </div>
            </div>
            <div class="font">

                <div class="font-top">
                    日均订单
                </div>
                <div class="font-bottom">
                    <span>10</span>万单
                </div>
            </div>
        </div>
    </div>
    <!--手机版head-->
    <div class="head-small  col-xs-12 container-fluid visible-xs">
        <!--<img src="img/2.jpg" alt="">-->
        <!-- <div class="logo">
             <img src="img/logo11.png" alt="logo">
         </div>-->
        <div class="fenge  col-xs-12 ">
            <div class=" fen col-xs-1 col-xs-offset-2"></div>
            <div class=" col-xs-6">专为宴请而生</div>
            <div class=" fen col-xs-1"></div>
            <span class="clearfloat"></span>
        </div>
        <div class="head-center  col-xs-12 ">
            <div class="font col-xs-5 ">
                <div class="font-top">
                    开通省份
                </div>
                <div class="font-bottom">
                    <span>10</span>个
                </div>
            </div>
            <div class="font col-xs-5">
                <div class="font-top">
                    开通城市
                </div>
                <div class="font-bottom">
                    <span>10</span>个
                </div>
            </div>
            <div class="font col-xs-5">

                <div class="font-top">
                    开通省份
                </div>
                <div class="font-bottom">
                    <span>10</span>个
                </div>
            </div>
            <div class="font col-xs-5">

                <div class="font-top">
                    日均订单
                </div>
                <div class="font-bottom">
                    <span>10</span>万单
                </div>
            </div>
        </div>
    </div>
    <!--PC版konw-->
    <div class="know col-lg-12 col-md-12 col-sm-12 hidden-xs">
        <div class="fenge2 col-xs-offset-2 col-xs-8">
            <div class="fn2 col-xs-2"></div>
            <div class=" col-xs-7" style="">了解餐宴网</div>
            <div class="fn2 col-xs-2"></div>
            <span class="clearfloat"></span>
        </div>
        <div class="video col-lg-8 col-md-8 col-sm-8 col-sm-offset-2 col-lg-offset-2 col-md-offset-2">
            <span class="pause"></span>
            <video class="videos" src="http://www.canyannet.com/videos/videos/1.mp4" controls="controls"
                   style=" width: 100%;height: 100%;"></video>
            <div class="mask col-lg-12 col-md-12 col-sm-12">
                <span class="play"></span>
            </div>
        </div>
    </div>
    <!--手机版konw-->
    <div class="know-small col-xs-12 visible-xs">
        <div class="fenge2 col-xs-offset-1 col-xs-10">
            <div class="fn2 col-xs-2"></div>
            <div class=" col-xs-7">了解餐宴网</div>
            <div class="fn2 col-xs-2"></div>
            <span class="clearfloat"></span>
        </div>
        <div class="video col-xs-12">
            <span class="pause"></span>
            <video class="videos" src="http://www.canyannet.com/videos/videos/1.mp4" controls="controls"
                   style=" width: 100%;height: 100%;"></video>
            <div class="mask col-xs-12">
                <span class="play"></span>
            </div>
        </div>
    </div>
    <!--PC patent专利部分-->
    <div class="patent col-lg-12 col-md-12 col-sm-12 hidden-xs">
        <div class="fenge2 col-xs-offset-2 col-xs-8">
            <div class="fn2 col-xs-2"></div>
            <div class=" col-xs-7" style="">八项专利</div>
            <div class="fn2 col-xs-2"></div>
            <span class="clearfloat"></span>
        </div>
        <ul class="patent-imgs col-lg-10 col-md-10 col-sm-10 col-lg-offset-1
col-md-offset-1 col-sm-offset-1">

            <li>
                <img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>
            </li>
            <li>
                <img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>

            </li>
            <li>
                <img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>

            </li>
            <li><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>

            </li>
            <li><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>
            </li>
            <li><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>
            </li>
            <li><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>
            </li>

            <li><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                <div class="patent-font">
                    餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                </div>
            </li>
            <span class="clearfloat"></span>
        </ul>
    </div>
    <!--手机版patent专利部分-->
    <div class="patent-small col-xs-12 visible-xs">
        <div class="fenge2 col-xs-offset-1 col-xs-10">
            <div class="fn2 col-xs-2"></div>
            <div class=" col-xs-7">八项专利</div>
            <div class="fn2 col-xs-2"></div>
            <span class="clearfloat"></span>
        </div>
        <!-- <ul class="patent-imgs col-xs-12">
             <li class="col-xs-5">
                 <img src="img/other/zhuanli.png" alt="" style="width:100%;">
                 <div class="patent-font">
                     餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                 </div>
             </li>
             <li class="col-xs-5">
                 <img src="img/other/zhuanli.png" alt="" style="width:100%;">
                 <div class="patent-font">
                     餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                 </div>

             </li>
             <li class="col-xs-5">
                 <img src="img/other/zhuanli.png" alt="" style="width:100%;">
                 <div class="patent-font">
                     餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                 </div>

             </li>
             <li class="col-xs-5"><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                 <div class="patent-font">
                     餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                 </div>

             </li>
             <li class="col-xs-5"><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                 <div class="patent-font">
                     餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                 </div>
             </li>
             <li class="col-xs-5"><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                 <div class="patent-font">
                     餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                 </div>
             </li>
             <li class="col-xs-5"><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                 <div class="patent-font">
                     餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                 </div>
             </li>

             <li class="col-xs-5"><img src="img/other/zhuanli.png" alt="" style="width:100%;">
                 <div class="patent-font">
                     餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐厅推荐，让你随时了解身边好吃的美食地，并可以直接在线预订哦，将美食送到你家门，是吃货必备的美食软件，欢迎广大用户下载使用哦！
                 </div>
             </li>
             <span class="clearfloat"></span>
         </ul>-->
        <div id="swiper-container2" class="swiper-container banner col-xs-6">
            <ul class="swiper-wrapper">
                <li class="swiper-slide">
                    <img src="img/other/zhuanli.png" alt="" style="width:100%;">
                </li>

                <li class="swiper-slide">
                    <img src="img/other/zhuanli.png" alt="" style="width:100%;">
                </li>
            </ul>
        </div>
        <div id="swiper-container1" class="swiper-container banner" style="max-height: 100%">
            <ul class="swiper-wrapper">
                <li class="swiper-slide">
                    <div class="patent-font">
                        餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐
                    </div>
                </li>
                <li class="swiper-slide">
                    <div class="patent-font">
                        餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐餐宴网app一款专注于美食餐厅所服务的软件，它为用户推荐最具特色和美味的餐
                    </div>
                </li>

            </ul>
        </div>
        <div class="swiper-pagination col-xs-2 col-xs-offset-5"
             style="background: #5bc0de;color: whitesmoke;border-radius:12px;padding: 0 ;font-size: 10px;margin-top:10px;line-height: 17px"></div>
        <span style="clear: both"></span>
    </div>

    <!--PC map-->
    <div class="map-warp col-lg-12 col-md-12 col-sm-12 hidden-xs">
        <div class="fenge2 col-xs-offset-2 col-xs-8">
            <div class="fn2 col-xs-2"></div>
            <div class=" col-xs-7" style="">餐宴分布</div>
            <div class="fn2 col-xs-2"></div>
            <span class="clearfloat"></span>
        </div>
        <div class="col-lg-8 col-md-10 col-sm-12  col-lg-offset-2 col-md-offset-1">
            <div class="map " style=";margin: 0 auto">
                <span style="font-size: 16px;font-weight: bold;color: #777;position: absolute">总部</span>

                <div class="local">
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>
                    <div class="local-1"><p></p></div>

                </div>
                <canvas id="canvas" width="876" height="639">


                </canvas>
            </div>
        </div>
    </div>
    <!--手机 map-->
    <div class="map-warp-small col-xs-12 visible-xs">
        <div class="fenge2 col-xs-offset-1 col-xs-10">
            <div class="fn2 col-xs-2"></div>
            <div class=" col-xs-7">餐宴分布</div>
            <div class="fn2 col-xs-2"></div>
            <span class="clearfloat"></span>
        </div>
        <div class="map col-xs-12 ">
            <img src="img/map/diru.png" width="100%" alt="">
            <div class="swiper-container" id="swiper3">
                <div class="swiper-wrapper">
                    <ul class="swiper-slide">
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                    </ul>
                    <ul class="swiper-slide">
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                    </ul>
                    <ul class="swiper-slide">
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                        <li>天津</li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
    <!--手机版入驻品牌-->
    <div class="into-small  ">
        <div class="fenge2 col-xs-offset-1 col-xs-10 col-lg-8 col-lg-offset-2 col-sm-8 col-sm-offset-2 col-md-8 col-md-offset-2">
            <div class="fn2 col-xs-2"></div>
            <div class=" col-xs-7">入驻品牌</div>
            <div class="fn2 col-xs-2"></div>
            <span class="clearfloat"></span>
        </div>
        <ul class="into-list col-xs-12 col-lg-8 col-lg-offset-2 col-sm-10 col-sm-offset-1 col-md-10 col-md-offset-1  ">

            <li class=" col-xs-4 col-lg-3 col-md-3 col-sm-3"><img src="img/other/into2.png" width="100%" alt=""></li>
            <li class=" col-xs-4 col-lg-3 col-md-3 col-sm-3"><img src="img/other/into2.png" width="100%" alt=""></li>
            <li class=" col-xs-4 col-lg-3 col-md-3 col-sm-3"><img src="img/other/into2.png" width="100%" alt=""></li>
            <li class=" col-xs-4 col-lg-3 col-md-3 col-sm-3"><img src="img/other/into2.png" width="100%" alt=""></li>
            <li class=" col-xs-4 col-lg-3 col-md-3 col-sm-3"><img src="img/other/into2.png" width="100%" alt=""></li>
            <li class=" col-xs-4 col-lg-3 col-md-3 col-sm-3"><img src="img/other/into2.png" width="100%" alt=""></li>
            <li class=" col-xs-4 col-lg-3 col-md-3 col-sm-3"><img src="img/other/into2.png" width="100%" alt=""></li>
            <li class=" col-xs-4 col-lg-3 col-md-3 col-sm-3"><img src="img/other/into2.png" width="100%" alt=""></li>

            <span class="clearfloat"></span>
        </ul>
    </div>
    <div class="footer col-lg-12 col-sm-12 col-md-12 hidden-xs">
        <div class="links">
            <div class="erweima">
                <img src="img/erweima2.png" alt="餐宴网APP" width="50%">
                <p class="er-first">开启餐宴网之路</p>
                <p>餐宴网APP，扫码下载</p>
            </div>
            <div class="erweima">
                <img src="img/erweima1.png" alt="餐宴网公众号" width="50%">
                <p class="er-first">掌握最新动态</p>
                <p>请关注公众号：餐宴网</p>
            </div>
            <div class="list-link">
                <ul class="lists">
                    <li><a href="javascript:void(0)">首页</a></li>

                    <li><a href="html/product.html">产品中心</a>
                        <ul>
                            <li><a href="html/product.html">餐宴网用户端</a></li>
                            <li><a href="html/product.html">餐宴网商家端</a></li>
                            <li><a href="html/product.html">餐宴网代理端</a></li>
                            <li><a href="html/product.html">餐宴网配送端</a></li>

                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">新闻中心</a>
                        <ul>
                            <li><a href="html/news1.html">公司新闻</a></li>
                            <li><a href="html/news2.html">媒体报道</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">关于我们</a>
                        <ul>
                            <li><a href="html/aboutus1.html">企业简介</a></li>
                            <li><a href="html/aboutus2.html">公司历程</a></li>
                            <li><a href="html/aboutus3.html">公司文化</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">联系我们</a>
                        <ul>
                            <li><a href="html/contactus2.html">办公地址</a></li>
                            <li><a href="html/contactus1.html">联系方式</a></li>
                        </ul>
                    </li>
                    <span style="clear: both;"></span>

                </ul>
                <div class="tel col-lg-12 col-sm-12 col-md-12">
                    <a class="" href="javascript:void(0)">全国热线：400-022-5888</a>
                    <a class="" href="javascript:void(0)">公司电话：022-68666666</a>
                </div>
            </div>

        </div>
    </div>
    <div class="footer-small col-xs-12 visible-xs">

        <div class="erweima col-xs-6">
            <img src="img/erweima2.png" alt="餐宴网APP" width="50%">
            <p class="er-first">开启餐宴网之路</p>
            <p>餐宴网APP，扫码下载</p>
        </div>
        <div class="erweima col-xs-6">
            <img src="img/erweima1.png" alt="餐宴网公众号" width="50%">
            <p class="er-first">掌握最新动态</p>
            <p>请关注公众号：餐宴网</p>
        </div>
        <div class="tel col-xs-12">
            <a class="col-xs-12" href="javascript:void(0)">全国热线：400-022-5888</a>
            <a class="col-xs-12" href="javascript:void(0)">公司电话：022-68666666</a>
        </div>
    </div>
    <p class="footer-last col-xs-12 visible-xs " style="margin: 0">©2018天津食健科技发展有限公司&nbsp;京公网安备110108020150408号<br>
        京ICP备：12043664号-5</p>
    <p class="footer-last col-xs-12 hidden-xs " style="margin: 0 ;font-size: 12px">©2017 天津食健科技发展有限公司&nbsp;
        京公网安备：11010802015048号
        京ICP备：12043664号-5</p>

</div>

<script src="js/index.js"></script>
<script>
    var Swiper1 = new Swiper('#swiper-container1', {
        followFinger: false,
        touchRatio: 0.5,//触摸变慢
        loop: true,
        preventIntercationOnTransition: true,
        speed: 500,
        mousewheel: true,
        pagination: {
            el: '.swiper-pagination',
        },
        on: {
            init: function (swiper) {
                slide = this.slides.eq(0);
                slide.addClass('ani-slide');
            },
            transitionStart: function () {
                for (i = 0; i < this.slides.length; i++) {
                    slide = this.slides.eq(i);
                    slide.removeClass('ani-slide');
                }
            },
            transitionEnd: function () {
                slide = this.slides.eq(this.activeIndex);
                slide.addClass('ani-slide');

            },
        }
    });
    var Swiper2 = new Swiper('#swiper-container2', {
        /* controller: {
             control: Swiper1, //控制Swiper1
         },*/
        preventIntercationOnTransition: true,
        touchRatio: 0.4,//触摸变慢
        pagination: {
            el: '.swiper-pagination',
            // type: 'bullets',
            type: 'fraction',
            //type : 'progressbar',
            //type : 'custom',
        },
        loop: true,
        effect: 'flip',
    });
    Swiper1.controller.control = Swiper2;//Swiper1控制Swiper2，需要在Swiper2初始化后
    Swiper2.controller.control = Swiper1;//Swiper2控制Swiper1，需要在Swiper1初始化后
    var Swiper3 = new Swiper("#swiper3", {
        loop: true,
        autoplay: true,
    });
</script>
</body>
</html>